<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
    <meta name="apple-mobile-web-app-title" content="标题"> <!-- 添加到主屏后的标题（iOS 6 新增） -->
    <meta name="apple-mobile-web-app-capable" content="yes"><!-- 是否启用 WebApp 全屏模式 -->
    <meta name="apple-mobile-web-app-status-bar-style" content="white-translucent">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <title>页面的底部</title>
    <link rel="stylesheet" href="css/mobile_reset.css">
    <link rel="stylesheet" href="css/mui.css">
    <link rel="stylesheet" href="css/iconfont.css">
    <link rel="stylesheet" href="css/footerNav_common.css">
    <script>
        (function () {
            document.addEventListener('DOMContentLoaded', function () {
                var html = document.documentElement;
                var windowWidth = html.clientWidth;
                html.style.fontSize = windowWidth / 7.5 + 'px';
                // 等价于html.style.fontSize = windowWidth / 750 * 100 + 'px';
            }, false);


        })();

        // 这个7.5就是根据设计稿的横向宽度来确定的，假如你的设计稿是640
        // 那么 html.style.fontSize = windowWidth / 6.4 + 'px';
    </script>
</head>
<body>
<!--页面底部导航条-->
<div class="mui-bar mui-bar-tab category_navigation">
    <a id="index"  class="nav mui-tab-item" href="index.html">
        <img src="images/bottom_icon_home_default@2x.png"
             data-selected="bottom_icon_home_selected@2x.png" data-unselected="bottom_icon_home_default@2x.png"  alt=""><br>
        <span class="mui-tab-label">试客首页</span>
    </a>
    <a id="allGoods"  class="nav mui-tab-item" href="exchange_center.html">
        <img src="images/tab_icon_duihuan_default@2x.png"
             data-selected="tab_icon_duihuan_selected@2x.png" data-unselected="tab_icon_duihuan_default@2x.png" alt=""><br>
        <span class="mui-tab-label">兑换中心</span>
    </a>
    <a id="tryProgress" class="nav mui-tab-item" href="try_manage.html">
        <img src="images/bottom_icon_progress_default@2x.png"
             data-selected="bottom_icon_progress_selected@2x.png" data-unselected="bottom_icon_progress_default@2x.png" alt=""><br>
        <span class="mui-tab-label">试用进展</span>
    </a>
    <a  id="home" class="nav mui-tab-item" href="personal_center/personal_center.html ">
        <img src="images/bottom_icon_personal_default@2x.png"
             data-selected="bottom_icon_personal_selected@2x.png" data-unselected="bottom_icon_personal_default@2x.png" alt=""><br>
        <span class="mui-tab-label">个人中心</span>
    </a>
</div>
</body>
<script type="text/javascript" src="js/jquery-1.10.2.js"></script>
<script type="text/javascript" src="js/mui.js"></script>
<script src="js/index_tab.js"></script>
<script type="text/javascript" charset="utf-8">
    //    取消禁止a标签的跳转
    mui('body').on('tap','a',function(){document.location.href=this.href;});
    mui("#slider").slider({
        interval: 2000
    });
    mui.init({
        swipeBack:true //启用右滑关闭功能
    });

</script>
</html>















